<template>
  <div class="study">
    <Banner></Banner>
     <mainContent :catname="title">
       <div slot="menu_list">
         <dl>
           <dt class="menu_dt" :style="{backgroundImage: 'url(' + menu_bg + ')'}">{{title}}</dt>
         </dl>
       </div>
       <div class="inner_content" slot="inner_content">
         <iframe src="https://www.xuexi.cn/"  name="my-iframe" id="my-iframe" width="1262" height="620"></iframe>
       </div>
     </mainContent>
    <MainMenu></MainMenu>
  </div>


</template>

<script>
  import MainMenu from '../../components/mainmenu/MainMenu'
  import Banner from '../../components/bannder/Banner'
  import mainContent from '../../components/content/mainContent'
    export default {
        name: "study",
        data(){
          return{
             link:'',//外部链接地址
            menu_bg:'',
            title:''
          }
        },
        created(){
          this.menu_bg=this.$util.storage.get("menu_bg");
          // console.log('this.$route:',this.$route.query.link);
          console.log('this.$storage.get(link):',this.$util.storage.get("link"));
          this.link=this.$util.storage.get("link");
          this.title=this.$route.query.name;

        },
        components:{
          MainMenu,
          Banner,
          mainContent,
        },


    }
</script>

<style scoped>
  .study{
    height: 100%;
    width: 100%;
  }
  .inner_content{
    width: 1624px;
    height: 740px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-left: 60px;
  }

</style>
